<!-- 通用CSS -->
<head th:fragment=header(title)>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<title th:text="${title}"></title>
	<link rel="shortcut icon" href="favicon.ico">
	<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
	<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<!-- bootstrap-table 表格插件样式 -->
	<link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=20200727}" rel="stylesheet"/>
	<link th:href="@{/css/animate.css}" rel="stylesheet"/>
	<link th:href="@{/css/style.css?v=20200727}" rel="stylesheet"/>
	<link th:href="@{/ruoyi/css/ry-ui.css?v=4.3.1}" rel="stylesheet"/>
</head>

<!-- 通用JS -->
<div th:fragment="footer">
	<script th:inline="javascript"> var ctx = [[@{/}]]; var lockscreen = [[${session.lockscreen}]]; if(lockscreen){window.top.location=ctx+"lockscreen";} </script>
    <a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
	<script th:src="@{/js/jquery.min.js}"></script>
	<script th:src="@{/js/bootstrap.min.js}"></script>
	<script th:src="@{/js/base64.min.js}"></script>
	<!-- bootstrap-table 表格插件 -->
	<script th:src="@{/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=20200727}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v=20200727}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js?v=20200727}"></script>
	<!-- jquery-validate 表单验证插件 -->
	<script th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
	<script th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
	<script th:src="@{/ajax/libs/validate/jquery.validate.extend.js}"></script>
	<!-- jquery-validate 表单树插件 -->
	<script th:src="@{/ajax/libs/bootstrap-treetable/bootstrap-treetable.js}"></script>
	<!-- 遮罩层 -->
	<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
    <script th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
	<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
	<script th:src="@{/ajax/libs/layui/layui.js}"></script>
	<script th:src="@{/ruoyi/js/common.js?v=4.3.1}"></script>
	<script th:src="@{/ruoyi/js/ry-ui.js?v=4.3.1}"></script>
	<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
</div>

<!--图片显示JS-->
<div th:fragment="jquery-ajax-blob-arraybuffer">
	<script th:href="@{/ruoyi/js/jquery-ajax-blob-arraybuffer.js}" ></script>
</div>
<!-- ztree树插件 -->
<div th:fragment="ztree-css">
    <link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
</div>
<div th:fragment="ztree-js">
    <script th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js}"></script>
</div>

<!-- select2下拉框插件 -->
<div th:fragment="select2-css">
    <link th:href="@{/ajax/libs/select2/select2.min.css}" rel="stylesheet"/>
    <link th:href="@{/ajax/libs/select2/select2-bootstrap.css}" rel="stylesheet"/>
</div>
<div th:fragment="select2-js">
    <script th:src="@{/ajax/libs/select2/select2.min.js}"></script>
</div>

<!-- bootstrap-select下拉框插件 -->
<div th:fragment="bootstrap-select-css">
    <link th:href="@{/ajax/libs/bootstrap-select/bootstrap-select.css}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-select-js">
    <script th:src="@{/ajax/libs/bootstrap-select/bootstrap-select.js}"></script>
</div>

<!-- datetimepicker日期和时间插件 -->
<div th:fragment="datetimepicker-css">
    <link th:href="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.css}" rel="stylesheet"/>
</div>
<div th:fragment="datetimepicker-js">
    <script th:src="@{/ajax/libs/datapicker/bootstrap-datetimepicker.min.js}"></script>
</div>

<!-- ui布局插件 -->
<div th:fragment="layout-latest-css">
    <link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css}" rel="stylesheet"/>
</div>
<div th:fragment="layout-latest-js">
    <script th:src="@{/ajax/libs/jquery-layout/jquery.layout-latest.js}"></script>
</div>

<!-- summernote富文本编辑器插件 -->
<div th:fragment="summernote-css">
    <link th:href="@{/ajax/libs/summernote/summernote.css}" rel="stylesheet"/>
	<link th:href="@{/ajax/libs/summernote/summernote-bs3.css}" rel="stylesheet"/>
</div>
<div th:fragment="summernote-js">
    <script th:src="@{/ajax/libs/summernote/summernote.min.js}"></script>
	<script th:src="@{/ajax/libs/summernote/summernote-zh-CN.js}"></script>
</div>

<!-- cropper图像裁剪插件 -->
<div th:fragment="cropper-css">
	<link th:href="@{/ajax/libs/cropper/cropper.min.css?v=1.5.12}" rel="stylesheet"/>
</div>
<div th:fragment="cropper-js">
	<script th:src="@{/ajax/libs/cropper/cropper.min.js?v=1.5.12}"></script>
</div>

<!-- jasny功能扩展插件 -->
<div th:fragment="jasny-bootstrap-css">
    <link th:href="@{/ajax/libs/jasny/jasny-bootstrap.min.css}" rel="stylesheet"/>
</div>
<div th:fragment="jasny-bootstrap-js">
    <script th:src="@{/ajax/libs/jasny/jasny-bootstrap.min.js}"></script>
</div>

<!-- fileinput文件上传插件 -->
<div th:fragment="bootstrap-fileinput-css">
    <link th:href="@{/ajax/libs/bootstrap-fileinput/fileinput.min.css}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-fileinput-js">
    <script th:src="@{/ajax/libs/bootstrap-fileinput/fileinput.min.js}"></script>
</div>

<!-- duallistbox双列表框插件 -->
<div th:fragment="bootstrap-duallistbox-css">
    <link th:href="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.css}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-duallistbox-js">
    <script th:src="@{/ajax/libs/duallistbox/bootstrap-duallistbox.min.js}"></script>
</div>

<!-- suggest搜索自动补全 -->
<div th:fragment="bootstrap-suggest-js">
    <script th:src="@{/ajax/libs/suggest/bootstrap-suggest.min.js}"></script>
</div>

<!-- typeahead搜索自动补全 -->
<div th:fragment="bootstrap-typeahead-js">
    <script th:src="@{/ajax/libs/typeahead/bootstrap3-typeahead.min.js}"></script>
</div>

<!-- 多级联动下拉 -->
<div th:fragment="jquery-cxselect-js">
    <script th:src="@{/ajax/libs/cxselect/jquery.cxselect.min.js}"></script>
</div>

<!-- jsonview格式化和语法高亮JSON格式数据查看插件 -->
<div th:fragment="jsonview-css">
    <link th:href="@{/ajax/libs/jsonview/jquery.jsonview.css}" rel="stylesheet"/>
</div>
<div th:fragment="jsonview-js">
    <script th:src="@{/ajax/libs/jsonview/jquery.jsonview.js}"></script>
</div>

<!-- jquery.steps表单向导插件 -->
<div th:fragment="jquery-steps-css">
    <link th:href="@{/ajax/libs/staps/jquery.steps.css}" rel="stylesheet"/>
</div>
<div th:fragment="jquery-steps-js">
    <script th:src="@{/ajax/libs/staps/jquery.steps.min.js}"></script>
</div>

<!-- ECharts百度统计图表插件 -->
<div th:fragment="echarts-js">
    <script th:src="@{/ajax/libs/report/echarts/echarts-all.js}"></script>
</div>

<!-- peity图表组合插件 -->
<div th:fragment="peity-js">
    <script th:src="@{/ajax/libs/report/peity/jquery.peity.min.js}"></script>
</div>

<!-- sparkline线状图插件 -->
<div th:fragment="sparkline-js">
    <script th:src="@{/ajax/libs/report/sparkline/jquery.sparkline.min.js}"></script>
</div>

<!-- 表格拖拽插件 -->
<div th:fragment="bootstrap-table-reorder-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/bootstrap-table-reorder.js}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/reorder/jquery.tablednd.js}"></script>
</div>

<!-- 表格行内编辑插件 -->
<div th:fragment="bootstrap-editable-css">
    <link th:href="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.css}" rel="stylesheet"/>
</div>
<div th:fragment="bootstrap-table-editable-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-editable.min.js}"></script>
    <script th:src="@{/ajax/libs/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js?v=20200727}"></script>
</div>

<!-- 表格导出插件 -->
<div th:fragment="bootstrap-table-export-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js}"></script>
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/export/tableExport.js}"></script>
</div>

<!-- 表格冻结列插件 -->
<div th:fragment="bootstrap-table-fixed-columns-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.min.js?v=20200727}"></script>
</div>

<!-- 表格自动刷新插件 -->
<div th:fragment="bootstrap-table-auto-refresh-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/auto-refresh/bootstrap-table-auto-refresh.min.js?v=20200729}"></script>
</div>

<!-- 表格打印插件 -->
<div th:fragment="bootstrap-table-print-js">
	<script th:src="@{/ajax/libs/bootstrap-table/extensions/print/bootstrap-table-print.min.js?v=20200729}"></script>
</div>
<!-- 打印插件 -->
<div th:fragment="jquery.jqprint-0.3.js">
	<script th:src="@{/js/jquery.jqprint-0.3.js}"></script>
</div>

<!--审批页-->
<div th:fragment="approvalpage">
	<h4 class="form-header h4">流程图</h4>
	<div class="vertical-timeline-block" style="margin-left: 10%" >
		<img  class="imgcode" width="85%"/>
	</div>
	<h4 class="form-header h4">填写信息</h4>
	<div class="form-group">
		<label class="col-sm-3 control-label">审批结果：</label>
		<div class="col-sm-8">
			<div class="radio-box" th:each="dict : ${@dict.getType('process_check_status')}">
				<input type="radio" th:id="${dict.dictCode}" name="isPass" th:value="${dict.dictValue}" required>
				<label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
			</div>
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-3 control-label">审批意见：</label>
		<div class="col-sm-8">
			<textarea name="comment" class="form-control"></textarea>
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-3 control-label">审批附件：</label>
		<div class="col-sm-8">
			<div class="file-loading">
				<input class="form-control file-upload" id="files" name="file" type="file" multiple>
			</div>
		</div>
	</div>
	<div class="form-group">
		<div class="col-sm-offset-6 col-sm-10">
			<button type="button" class="btn btn-sm btn-success" onclick="submitCheckHandler()"><i class="fa fa-check"></i>提 交</button>&nbsp;
		</div>
	</div>
</div>

<div th:fragment="emailNavPage">
	<div class="col-lg-3">
		<div class="ibox float-e-margins">
			<div class="ibox-content mailbox-content">
				<div class="file-manager">
					<a class="btn btn-block btn-primary compose-mail" href="/system/email">写邮件</a>
					<div class="space-25"></div>
					<h3>文件夹</h3>
					<ul class="folder-list m-b-md" style="padding: 0">
						<li><a th:href="@{/system/email/mailbox/6}"> <i class="fa fa-inbox "></i>收件箱<span class="label label-warning pull-right" id="readTotal"></span> </a></li>
						<li><a th:href="@{/system/email/mailbox/7}"> <i class="fa fa-inbox "></i>发件箱</a></li>
						<li><a th:href="@{/system/email/mailbox/3}"> <i class="fa fa-certificate"></i> 重要邮件</a></li>
						<li><a th:href="@{/system/email/mailbox/1}"> <i class="fa fa-file-text-o"></i> 草稿箱 <span class="label label-info pull-right" id="draftsTotal">2</span></a></li>
						<li><a th:href="@{/system/email/mailbox/4}"> <i class="fa fa-trash-o"></i> 垃圾箱</a></li>

					</ul>
					<h3>分类</h3>
					<ul class="category-list" style="padding: 0">
						<li><a href="#"> <i class="fa fa-circle text-navy"></i> 工作 </a></li>
						<li><a href="#"> <i class="fa fa-circle text-danger"></i> 文档</a></li>
						<li><a href="#"> <i class="fa fa-circle text-primary"></i> 社交</a></li>
						<li><a href="#"> <i class="fa fa-circle text-info"></i> 活动</a></li>
						<li><a href="#"> <i class="fa fa-circle text-warning"></i> 抄送</a></li>
					</ul>
					<h3>邮件标签</h3>
					<ul class="category-list" style="padding: 0">
						<div class="i-checks"><label> <input type="radio" value="1" checked=""  name="emailLabel"> <i></i> Work </label></div>
						<div class="i-checks"><label> <input type="radio" value="2"  name="emailLabel"> <i></i> Documents </label></div>
						<div class="i-checks"><label> <input type="radio" value="3"  name="emailLabel"> <i></i>Social </label></div>
						<div class="i-checks"><label> <input type="radio" value="4" name="emailLabel"> <i></i> Advertising </label></div>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--官网头部nabar-->
<div  th:fragment="front-header">
<div class="navbar-wrapper">
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header page-scroll">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">切换导航</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" th:href="@{/front/main}">DingFlow</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a class="page-scroll" href="/front/index#page-top">主页</a></li>
					<li><a class="page-scroll" href="/front/index#features">简介</a></li>
					<li><a class="page-scroll" href="/front/index#team">团队</a></li>
					<li><a class="page-scroll" href="/front/index#testimonials">获奖</a></li>
					<li><a class="page-scroll" href="/front/index#pricing">价格</a></li>
					<li><a class="page-scroll" href="/front/index#contact">联系</a></li>
					<li><a class="page-scroll" href="/front/faq">FAQ</a></li>
					<li><a class="page-scroll" href="https://www.dingflow.yifaoa.top/docs" target="_blank">文档</a></li>
					<li shiro:guest=""><a  data-toggle="modal" class="page-scroll"   href="#modal-form">登录</a></li>
					<li shiro:user=""><a class="page-scroll" th:href="@{/front/main}">我的主页</a></li>
					<li shiro:user=""> <a th:href="@{../logout}" class="page-scroll"><i class="fa fa-sign-out text-danger"></i> 注销</a></li>
				</ul>
			</div>
		</div>
	</nav>
</div>
<div id="inSlider" class="carousel carousel-fade" data-ride="carousel" >
	<ol class="carousel-indicators">
		<li data-target="#inSlider" data-slide-to="0" class="active"></li>
		<li data-target="#inSlider" data-slide-to="1"></li>
	</ol>
	<div class="carousel-inner" role="listbox">
		<div class="item active">
			<div class="container">
				<div class="carousel-caption">
					<h1>借助钉钉，<br/>致力于流程，<br/>让流程更简单</h1>
					<p>Snow社区致力于Java学习，目前包括DingFlow系统和SonwBlog博客</p>
					<p>
						<a class="btn btn-lg btn-primary" href="https://gitee.com/qimingjin" target="_blank" role="button">阅读更多</a>
						<a class="caption-link" href="#" role="button">灵感主题</a>
					</p>
				</div>
				<div class="carousel-image wow zoomIn">
					<img th:src="@{/img/landing/laptop.png}"  alt="laptop"/>
				</div>
			</div>
			<!-- Set background for slide in css -->
			<div class="header-back one"></div>

		</div>
		<div class="item">
			<div class="container">
				<div class="carousel-caption blank">
					<h1>我们致力于 <br/>中小企业快速数字化转型</h1>
					<p>借助钉钉，致力于流程，让流程更简单。</p>
					<p><a class="btn btn-lg btn-primary" href="http://snowblog.shop.csj361.com" role="button">学到更多</a></p>
				</div>
			</div>
			<!-- Set background for slide in css -->
			<div class="header-back two"></div>
		</div>
	</div>
	<a class="left carousel-control" href="#inSlider" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#inSlider" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>
</div>

<section id="contact" class="gray-section contact" th:fragment="front-footer">
	<div class="container">
		<div class="row m-b-lg">
			<div class="col-lg-12 text-center">
				<div class="navy-line"></div>
				<h1>联系我们</h1>
			</div>
		</div>
		<div class="row m-b-lg">
			<div class="col-lg-3 col-lg-offset-3">
				<address>
					<strong><span class="navy">启明文化创意有限公司</span></strong><br/>
					<!-- 北京市东城区某街道<br/>
                     北京, 100000<br/>-->
					<abbr title="QQ群">   <i class="fa fa-qq" aria-hidden="true"></i></abbr> <span> 577813338</span><br/>
					<abbr title="邮箱">   <i class="fa fa-envelope" aria-hidden="true"></i></abbr> qimingjin@126.com
				</address>
			</div>
			<div class="col-lg-4">
				<p class="text-color">
					DingFlow取其DingTalk和Flowable的前四个单词组成。寓意着构建钉钉工作流一体化。该管理系统致力于和钉钉数据打通，企业即可通过钉钉移动化办公，也可通过系统开发满足自身不同需求。
				</p>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12 text-center">
				<img src="https://qimetons.oss-cn-beijing.aliyuncs.com/0f39a32c5ffd44069dcbc8c1861bfe54.jpg" width="250px" height="250px" class="btn btn-primary"/>
			</div>
		</div>
		<br/>
		<div class="row">
			<div class="col-lg-12 text-center">
				<a href="mailto:qimingjin@126.com" class="btn btn-primary">寄给我们邮件</a>
				<p class="m-t-sm">
					或者跟随我们在社交平台上
				</p>
				<ul class="list-inline social-icon">
					<li><a href="https://gitee.com/qimingjin/snow" target="_blank"><i class="fa fa-github"></i></a>
					</li>
					<li><a href="mailto:qimingjin@126.com"><i class="fa fa-envelope"></i></a>
					</li>
					<li><a href="#"><i class="fa fa-qq"></i></a>
					</li>
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-8 col-lg-offset-2 text-center m-t-lg m-b-lg">
				<p><strong>&copy; 启明文化创意有限公司<br>Copyright © 2022 DingFlow 版权所有 <a href="https://beian.miit.gov.cn" target="_blank" class="text-warning">粤ICP备2021100652号-1</a></strong><br/></p>
			</div>
		</div>
	</div>
</section>
